<!DOCTYPE html>
<!-- saved from url=(0065)file:///C:/Users/ASUS/Desktop/New-Admin-DashBoard-main/index.html -->
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
		<title>看板 - Yunpeng Gao</title><link rel="stylesheet" href="../../static/assets/css/bootstrap.min.css">
		<link rel="stylesheet" href="../../static/assets/css/css"><link rel="stylesheet" href="../../static/assets/css/fontawesome-all.min.css">
		<link rel="stylesheet" href="../../static/assets/css/font-awesome.min.css">
		<link rel="stylesheet" href="../../static/assets/css/fontawesome5-overrides.min.css">
		<style type="text/css">/* Chart.js */
@keyframes chartjs-render-animation{from{opacity:.99}to{opacity:1}}.chartjs-render-monitor{animation:chartjs-render-animation 1ms}.chartjs-size-monitor,.chartjs-size-monitor-expand,.chartjs-size-monitor-shrink{position:absolute;direction:ltr;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1}.chartjs-size-monitor-expand>div{position:absolute;width:1000000px;height:1000000px;left:0;top:0}.chartjs-size-monitor-shrink>div{position:absolute;width:200%;height:200%;left:0;top:0}</style></head><body id="page-top"><div id="wrapper"><div class="d-flex flex-column" id="content-wrapper"><div id="content"><div class="container-fluid"><div class="d-sm-flex justify-content-between align-items-center mb-4"><h3 class="text-dark mb-0">看板</h3><a class="btn btn-primary btn-sm d-none d-sm-inline-block" role="button" href="file:///C:/Users/ASUS/Desktop/New-Admin-DashBoard-main/index.html#"><i class="fas fa-download fa-sm text-white-50"></i>&nbsp;Generate Report</a></div><div class="row"><div class="col-md-6 col-xl-3 mb-4"><div class="card shadow border-start-primary py-2"><div class="card-body"><div class="row align-items-center no-gutters"><div class="col me-2"><div class="text-uppercase text-primary fw-bold text-xs mb-1"><span>今日数据量</span></div><div class="text-dark fw-bold h5 mb-0"><span>18,324</span></div></div><div class="col-auto"><i class="fas fa-calendar fa-2x text-gray-300"></i></div></div></div></div></div><div class="col-md-6 col-xl-3 mb-4"><div class="card shadow border-start-success py-2"><div class="card-body"><div class="row align-items-center no-gutters"><div class="col me-2"><div class="text-uppercase text-success fw-bold text-xs mb-1"><span>总站点数</span></div><div class="text-dark fw-bold h5 mb-0"><span>2,140</span></div></div><div class="col-auto"><i class="fas fa-dollar-sign fa-2x text-gray-300"></i></div></div></div></div></div><div class="col-md-6 col-xl-3 mb-4"><div class="card shadow border-start-info py-2"><div class="card-body"><div class="row align-items-center no-gutters"><div class="col me-2"><div class="text-uppercase text-info fw-bold text-xs mb-1"><span>Tasks</span></div><div class="row g-0 align-items-center"><div class="col-auto"><div class="text-dark fw-bold h5 mb-0 me-3"><span>50%</span></div></div><div class="col"><div class="progress progress-sm">
			<div class="progress-bar bg-info" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;"><span class="visually-hidden">50%</span></div>
		</div></div></div></div><div class="col-auto"><i class="fas fa-clipboard-list fa-2x text-gray-300"></i></div></div></div></div></div><div class="col-md-6 col-xl-3 mb-4"><div class="card shadow border-start-warning py-2"><div class="card-body"><div class="row align-items-center no-gutters"><div class="col me-2"><div class="text-uppercase text-warning fw-bold text-xs mb-1"><span>Pending Requests</span></div><div class="text-dark fw-bold h5 mb-0"><span>18</span></div></div><div class="col-auto"><i class="fas fa-comments fa-2x text-gray-300"></i></div></div></div></div></div></div><div class="row"><div class="col-lg-7 col-xl-8"><div class="card shadow mb-4"><div class="card-header d-flex justify-content-between align-items-center"><h6 class="text-primary fw-bold m-0">数据量</h6><div class="dropdown no-arrow"><button class="btn btn-link btn-sm dropdown-toggle" aria-expanded="false" data-bs-toggle="dropdown" type="button"><i class="fas fa-ellipsis-v text-gray-400"></i></button><div class="dropdown-menu shadow dropdown-menu-end animated--fade-in"><p class="text-center dropdown-header">dropdown header:</p><a class="dropdown-item" href="file:///C:/Users/ASUS/Desktop/New-Admin-DashBoard-main/index.html#">&nbsp;Action</a><a class="dropdown-item" href="file:///C:/Users/ASUS/Desktop/New-Admin-DashBoard-main/index.html#">&nbsp;Another action</a><div class="dropdown-divider"></div><a class="dropdown-item" href="file:///C:/Users/ASUS/Desktop/New-Admin-DashBoard-main/index.html#">&nbsp;Something else here</a></div></div></div><div class="card-body"><div class="chart-area"><div class="chartjs-size-monitor"><div class="chartjs-size-monitor-expand"><div class=""></div></div><div class="chartjs-size-monitor-shrink"><div class=""></div></div></div><canvas data-bss-chart="{&quot;type&quot;:&quot;line&quot;,&quot;data&quot;:{&quot;labels&quot;:[&quot;Jan&quot;,&quot;Feb&quot;,&quot;Mar&quot;,&quot;Apr&quot;,&quot;May&quot;,&quot;Jun&quot;,&quot;Jul&quot;,&quot;Aug&quot;],&quot;datasets&quot;:[{&quot;label&quot;:&quot;Earnings&quot;,&quot;fill&quot;:true,&quot;data&quot;:[&quot;0&quot;,&quot;10000&quot;,&quot;5000&quot;,&quot;15000&quot;,&quot;10000&quot;,&quot;20000&quot;,&quot;15000&quot;,&quot;25000&quot;],&quot;backgroundColor&quot;:&quot;rgba(78, 115, 223, 0.05)&quot;,&quot;borderColor&quot;:&quot;rgba(78, 115, 223, 1)&quot;}]},&quot;options&quot;:{&quot;maintainAspectRatio&quot;:false,&quot;legend&quot;:{&quot;display&quot;:false,&quot;labels&quot;:{&quot;fontStyle&quot;:&quot;normal&quot;}},&quot;title&quot;:{&quot;fontStyle&quot;:&quot;normal&quot;},&quot;scales&quot;:{&quot;xAxes&quot;:[{&quot;gridLines&quot;:{&quot;color&quot;:&quot;rgb(234, 236, 244)&quot;,&quot;zeroLineColor&quot;:&quot;rgb(234, 236, 244)&quot;,&quot;drawBorder&quot;:false,&quot;drawTicks&quot;:false,&quot;borderDash&quot;:[&quot;2&quot;],&quot;zeroLineBorderDash&quot;:[&quot;2&quot;],&quot;drawOnChartArea&quot;:false},&quot;ticks&quot;:{&quot;fontColor&quot;:&quot;#858796&quot;,&quot;fontStyle&quot;:&quot;normal&quot;,&quot;padding&quot;:20}}],&quot;yAxes&quot;:[{&quot;gridLines&quot;:{&quot;color&quot;:&quot;rgb(234, 236, 244)&quot;,&quot;zeroLineColor&quot;:&quot;rgb(234, 236, 244)&quot;,&quot;drawBorder&quot;:false,&quot;drawTicks&quot;:false,&quot;borderDash&quot;:[&quot;2&quot;],&quot;zeroLineBorderDash&quot;:[&quot;2&quot;]},&quot;ticks&quot;:{&quot;fontColor&quot;:&quot;#858796&quot;,&quot;fontStyle&quot;:&quot;normal&quot;,&quot;padding&quot;:20}}]}}}" style="display: block; height: 320px; width: 938px;" width="1172" height="400" class="chartjs-render-monitor"></canvas></div></div></div></div><div class="col-lg-5 col-xl-4"><div class="card shadow mb-4"><div class="card-header d-flex justify-content-between align-items-center"><h6 class="text-primary fw-bold m-0">数据来源</h6><div class="dropdown no-arrow"><button class="btn btn-link btn-sm dropdown-toggle" aria-expanded="false" data-bs-toggle="dropdown" type="button"><i class="fas fa-ellipsis-v text-gray-400"></i></button><div class="dropdown-menu shadow dropdown-menu-end animated--fade-in"><p class="text-center dropdown-header">dropdown header:</p><a class="dropdown-item" href="file:///C:/Users/ASUS/Desktop/New-Admin-DashBoard-main/index.html#">&nbsp;Action</a><a class="dropdown-item" href="file:///C:/Users/ASUS/Desktop/New-Admin-DashBoard-main/index.html#">&nbsp;Another action</a><div class="dropdown-divider"></div><a class="dropdown-item" href="file:///C:/Users/ASUS/Desktop/New-Admin-DashBoard-main/index.html#">&nbsp;Something else here</a></div></div></div><div class="card-body"><div class="chart-area"><div class="chartjs-size-monitor"><div class="chartjs-size-monitor-expand"><div class=""></div></div><div class="chartjs-size-monitor-shrink"><div class=""></div></div></div><canvas data-bss-chart="{&quot;type&quot;:&quot;doughnut&quot;,&quot;data&quot;:{&quot;labels&quot;:[&quot;Direct&quot;,&quot;Social&quot;,&quot;Referral&quot;],&quot;datasets&quot;:[{&quot;label&quot;:&quot;&quot;,&quot;backgroundColor&quot;:[&quot;#4e73df&quot;,&quot;#1cc88a&quot;,&quot;#36b9cc&quot;],&quot;borderColor&quot;:[&quot;#ffffff&quot;,&quot;#ffffff&quot;,&quot;#ffffff&quot;],&quot;data&quot;:[&quot;50&quot;,&quot;30&quot;,&quot;15&quot;]}]},&quot;options&quot;:{&quot;maintainAspectRatio&quot;:false,&quot;legend&quot;:{&quot;display&quot;:false,&quot;labels&quot;:{&quot;fontStyle&quot;:&quot;normal&quot;}},&quot;title&quot;:{&quot;fontStyle&quot;:&quot;normal&quot;}}}" width="550" height="400" style="display: block; height: 320px; width: 440px;" class="chartjs-render-monitor"></canvas></div><div class="text-center small mt-4"><span class="me-2"><i class="fas fa-circle text-primary"></i>&nbsp;Direct</span><span class="me-2"><i class="fas fa-circle text-success"></i>&nbsp;Social</span><span class="me-2"><i class="fas fa-circle text-info"></i>&nbsp;Refferal</span></div></div></div></div></div><div class="row"><div class="col-lg-6 mb-4"><div class="card shadow mb-4"><div class="card-header py-3"><h6 class="text-primary fw-bold m-0">项目</h6></div><div class="card-body"><h4 class="small fw-bold">Server migration<span class="float-end">20%</span></h4><div class="progress mb-4">
			<div class="progress-bar bg-danger" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%;"><span class="visually-hidden">20%</span></div>
		</div><h4 class="small fw-bold">Sales tracking<span class="float-end">40%</span></h4><div class="progress mb-4">
			<div class="progress-bar bg-warning" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%;"><span class="visually-hidden">40%</span></div>
		</div><h4 class="small fw-bold">Customer Database<span class="float-end">60%</span></h4><div class="progress mb-4">
			<div class="progress-bar bg-primary" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"><span class="visually-hidden">60%</span></div>
		</div><h4 class="small fw-bold">Payout Details<span class="float-end">80%</span></h4><div class="progress mb-4">
			<div class="progress-bar bg-info" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;"><span class="visually-hidden">80%</span></div>
		</div><h4 class="small fw-bold">Account setup<span class="float-end">Complete!</span></h4><div class="progress mb-4">
			<div class="progress-bar bg-success" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"><span class="visually-hidden">100%</span></div>
		</div></div></div><div class="card shadow mb-4"><div class="card-header py-3"><h6 class="text-primary fw-bold m-0">项目清单</h6></div><ul class="list-group list-group-flush"><li class="list-group-item"><div class="row align-items-center no-gutters"><div class="col me-2"><h6 class="mb-0"><strong>Lunch meeting</strong></h6><span class="text-xs">10:30 AM</span></div><div class="col-auto"><div class="form-check"><input class="form-check-input" type="checkbox" id="formCheck-1"><label class="form-check-label" for="formCheck-1"></label></div></div></div></li><li class="list-group-item"><div class="row align-items-center no-gutters"><div class="col me-2"><h6 class="mb-0"><strong>Lunch meeting</strong></h6><span class="text-xs">11:30 AM</span></div><div class="col-auto"><div class="form-check"><input class="form-check-input" type="checkbox" id="formCheck-2"><label class="form-check-label" for="formCheck-2"></label></div></div></div></li><li class="list-group-item"><div class="row align-items-center no-gutters"><div class="col me-2"><h6 class="mb-0"><strong>Lunch meeting</strong></h6><span class="text-xs">12:30 AM</span></div><div class="col-auto"><div class="form-check"><input class="form-check-input" type="checkbox" id="formCheck-3"><label class="form-check-label" for="formCheck-3"></label></div></div></div></li></ul></div></div><div class="col"><div class="row"><div class="col-lg-6 mb-4"><div class="card textwhite bg-primary text-white shadow"><div class="card-body"><p class="m-0">Primary</p><p class="text-white-50 small m-0">#4e73df</p></div></div></div><div class="col-lg-6 mb-4"><div class="card textwhite bg-success text-white shadow"><div class="card-body"><p class="m-0">Success</p><p class="text-white-50 small m-0">#1cc88a</p></div></div></div><div class="col-lg-6 mb-4"><div class="card textwhite bg-info text-white shadow"><div class="card-body"><p class="m-0">Info</p><p class="text-white-50 small m-0">#36b9cc</p></div></div></div><div class="col-lg-6 mb-4"><div class="card textwhite bg-warning text-white shadow"><div class="card-body"><p class="m-0">Warning</p><p class="text-white-50 small m-0">#f6c23e</p></div></div></div><div class="col-lg-6 mb-4"><div class="card textwhite bg-danger text-white shadow"><div class="card-body"><p class="m-0">Danger</p><p class="text-white-50 small m-0">#e74a3b</p></div></div></div><div class="col-lg-6 mb-4"><div class="card textwhite bg-secondary text-white shadow"><div class="card-body"><p class="m-0">Secondary</p><p class="text-white-50 small m-0">#858796</p></div></div></div></div></div></div></div></div><footer class="bg-white sticky-footer"><div class="container my-auto"><div class="text-center my-auto copyright"><span>Copyright © Yunpeng Gao 2021</span></div></div></footer></div><a class="border rounded d-inline scroll-to-top" href="file:///C:/Users/ASUS/Desktop/New-Admin-DashBoard-main/index.html#page-top" style="display: none;"><i class="fas fa-angle-up"></i></a></div><script src="../../static/assets/js/bootstrap.min.js"></script><script src="../../static/assets/js/chart.min.js"></script><script src="../../static/assets/js/bs-init.js"></script><script src="../../static/assets/js/theme.js"></script></body></html>